<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的简历</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
    <div id="body">
        <section class="page_one clearfix" id="page1">
            <div id="nav" class="container clearfix">
                <div id="resume_log">
                    <a href="index.html" class="font45 bColor">Resume</a>
                </div>
                <div id="menu_bar">
                    <ul class="menu_bar_ul "  >
                        <li><a href="index.html" class="aColor font16">Home</a></li>
                        <li><a href="#page2" class="aColor font16">About Me</a></li> 
                        <li><a href="#page3" class="aColor font16">Skills</a></li>
                        <li><a href="#" class="aColor font16" onclick="alert('待开发敬请期待')">page4</a></li>
                        <li><a href="#" class="aColor font16" onclick="alert('待开发敬请期待')">page5</a></li>
                    </ul>
                </div>
            </div>
            <div class="cen_con clearfix">
                <div class="portrait">
                    <img onmousemove="this.src='./imgs/portrait.png'"/ onmouseout="this.src='./imgs/portrait.jpg'"/ src="imgs/portrait.jpg">
                </div>
                <div class="cen_text">
                    <h2>世上只有想不通的人，没有走不通的路。</h2>
                    <hr>
                    <h3>马爱钦</h3>
                    <h3>Web前端工程师</h3>
                    <h3>1521****083</h3>
                </div>
                
            </div>
        </section>
        <section class="page_two bColor" id="page2">
                <div class="container clearfix">
                        <div class="title" name="aboume">
                                <h1>About Me</h1>
                                <h2>如果debugging是一种消灭bug的过程,那编程就一定是把bug放进去的过程。</h2>
                        </div>
                        <div class="myinfo">
                            <table>
                                <tbody>
                                    <tr>
                                        <td rowspan="6">
                                            <img src="./imgs/portrait.jpg">
                                        </td>
                                        <td>姓名 | 马爱钦</td>
                                        <td>手机 | 1521****083</td>  
                                    </tr>
                                    <tr>
                                        <td>性别 | 男</td>
                                        <td>邮箱 | 2022***573@qq.com</td>
                                    </tr>
                                    <tr>
                                        <td>出生 | 1997.12</td>
                                        
                                        <td>QQ号 | 2022***573</td>
                                    </tr>
                                    <tr>
                                        <td>居住 | 重庆市渝北区</td>
                                        <td>户籍 | 重庆市开州区</td>
                                    </tr>
                                    <tr>
                                        <td>学历 | 本科</td>
                                        <td>学校 | 重庆第二师范学院</td>
                                    </tr>
                                    <tr>
                                        <td>专业 | 计算机科学与技术</td>
                                        <td>英语 | 英语四级</td>
                                    </tr>
                                    <tr>
                                        <td colspan="3">
                                            <p style="color: #f00;font-weight: bold;font-size: 30px;">项目：</p>
                                            <a href="./xiaomipage/home_page.html" target="_blank">1.仿小米官网首页</a><br>
                                            <a href="./xiaomipage/detail_page.html" target="_blank">2.仿小米商品详情页</a><br>
                                            <a href="./homepage/index.html" target="_blank">3.家居网首页</a><br><br>   
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                </div>
        </section>
        <section class="page_three bColor bgcolor" id="page3" name="skill">
            <div class="container clearfix">
                <div class="title" >
                        <h1>Skills</h1>
                        <h2>代码，我们眼中的世界，别人眼中的天书。</h2>
                </div>
                <div class="skill_content">
                    <div class="progress">
                        <div class="progress-bar progress-bar-success" role="progressbar"
                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                             style="width: 90%;">
                            <span class="sr">HTML5</span>
                        </div>
                    </div>
                    <div class="progress">
                        <div class="progress-bar progress-bar-success" role="progressbar"
                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                             style="width: 90%;">
                            <span class="sr">CSS3</span>
                        </div>
                    </div>
                    <div class="progress">
                        <div class="progress-bar progress-bar-info" role="progressbar"
                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                             style="width: 75%;">
                            <span class="sr">JaveScript</span>
                        </div>
                    </div>
                    <div class="progress">
                        <div class="progress-bar progress-bar-info" role="progressbar"
                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                             style="width: 80%;">
                            <span class="sr">jQuery</span>
                        </div>
                    </div>
                    <div class="progress">
                        <div class="progress-bar progress-bar-info" role="progressbar"
                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                             style="width: 70%;">
                            <span class="sr">Vue.js</span>
                        </div>
                    </div>
                    <div class="progress">
                        <div class="progress-bar progress-bar-info" role="progressbar"
                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                             style="width: 80%;">
                            <span class="sr">git</span>
                        </div>
                    </div>
                </div>
                <div class="text_wrap font16">
                    <p>1、精通DIV+CSS布局的HTML代码编写，熟悉W3C标准，能够根据交互原型和UI设计图完整制作出网页。</p>
                    <p>2、熟悉JavaScript、CSS3和HTML5，且能熟练运用jQuery框架实现网页常用特效，掌握面向对象编程思想。</p>
                    <p>3、熟练应用DOM、XML、Ajax等相关技术。</p>
                    <p>4、熟悉Vue.js前端框架，掌握组件化思想。</p>
                    <p>5、会使用Axios Http库进行前后端的交互，会nodejs和Less、git、GitHub等技术和团队协作开发工具。</p>
                    <p>6、具备抗压能力、且有一定自学能力，能够熟练阅读使用中文API，英文API可以大概看懂并运用。</p>
                </div>	
    
            </div>
           
        </section>
    </div>
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>